<template>
  <div class="home">
    <div class="home1">
      <router-view/>
    </div>
    <van-tabbar v-model="active" active-color="#07c160" route >
      <van-tabbar-item icon="video-o" to="/movie" name="movie">电影</van-tabbar-item>
      <van-tabbar-item icon="orders-o" to="/news" name="news">咨询</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="/my" name="my">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
// @ is an alias to /src
import Vue from "vue";
import { Tabbar, TabbarItem } from "vant";
import { Dialog } from "vant";
Vue.use(Dialog);
Vue.use(Tabbar);
Vue.use(TabbarItem);
export default {
  name: "HomeView",
  components: {},
  data() {
    return {
      active: 'movie',
      route:true
    };
  },
  mounted() {
    // this.qr();
  },
  methods: {
    qr() {
      Dialog.confirm({
        title: "标题",
        message: "是否定位当前城市？",
      })
        .then(() => {
          // on confirm
        })
        .catch(() => {
          // on cancel
        });
    },
  },
};
</script>
<style scoped>
.home{
  width: 100%;
  height: 100%;
}
.home1{
  width: 100%;
  height: calc(100% - 50px);
}
</style>